<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/* p [href] {
				font-size: 30px;
				color: #333333;
				text-decoration: none;
			} */
			/* [href *='qhdvtc'] {
				color: #FF6700;
				text-decoration: none;
			} */
			a [class $= 'active']{
				color: #FF6700;
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<!-- 属性选择器：利用某些属性来进行选择某个元素
		 [] 用中括号包裹属性名和属性值
		   =  完全拼配
		   *= 部分匹配
		   ~= 可以识别是不是一个单词，靠空格来识别
		   ^= 以某个属性值开始的
		   $= 以某个属性值结束的
 		 -->
		 <a class="icon active" href="www.qhdvtc.com">我院</a>
		 <p>
			 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus asperiores id dolores laboriosam sit impedit quidem. Voluptas nemo modi hic accusamus dolores sint in? Qui animi dignissimos ipsum veritatis praesentium.
			  <a class="active icon" href="www.qhdvtc/xinxigongchengx.com">百度</a>
		 </p>
	</body>
</html>
